<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>订单详情</title>
		<link rel="stylesheet" href="../libs/mui/mui.css" />
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<style>
			/*内容*/
			.marg{margin-top: 5px;}			
			.mui-table-view.mui-grid-view{padding: 0;}
			.mui-table-view.mui-grid-view .mui-table-view-cell {text-align: left;padding: 11px 0px 11px 15px;}
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{height: 72px;}
			/*收货人*/
			.shouhu{padding: 11px 45px 0px 40px!important;}
			.tub{line-height: 42px;}
			.tub i{font-size: 1.3em;}	
			.mui-input-row label{width: 25%;}	
			.mui-input-row label~input{width: 75%;}	
			/*底部*/
			.mui-bar{line-height: 50px;padding: 0 15px;}			
			.mui-table-view {padding: 5px 0;}			
			.details{color: #AAAAAA;}
			.details li{width: 95%;}
			
			.total{line-height: 50px;border-top: 1px solid #efeff4;text-align: right;}
			.total button{width: 80px;line-height: 15px;overflow: hidden;padding: 10px 12px 7px!important;}
			.total span:nth-child(2){display: inline-block;float: right;}	
		</style>
	</head>
	<body ng-app="app" ng-controller="appcontroller">
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">订单详情</h1>			
		</header>
		<!--底部导航-->
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-col-xs-5 mui-pull-left">
				<span>合计：<map>￥{{orderlist.order_amount}}</map></span>							
			</div>
			<div class="mui-col-xs-7 total mui-pull-right" ng-if="orderlist.order_state == 10">
				<div>
					<button type="button" class="mui-btn RGB" ng-click="cancel(orderlist.order_id)">取消订单</button>	
				</div>	
			</div>
			<div class="mui-col-xs-7 total mui-pull-right" ng-if="orderlist.order_state == 20">
				<div>					
					<button type="button" class="mui-btn RGB" ng-click="distribution(orderlist.order_id)">配送</button>	
				</div>	
			</div>
			<div class="mui-col-xs-7 total mui-pull-right" ng-if="orderlist.order_state == 30">
				<div>					
					<button type="button" class="mui-btn RGB" ng-click="complete(orderlist.order_id)">完成</button>	
				</div>	
			</div>
			<div class="mui-col-xs-5 total mui-pull-right" ng-if="orderlist.order_state == 40">
				<b class="gray">已完成</b>	
			</div>
			<div class="mui-col-xs-5 total mui-pull-right" ng-if="orderlist.refund_state > 0">
				<b class="gray">已退款</b>	
			</div>
		</nav>
		<!--中间导航-->
		<div class="mui-content">
			<div class="data">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<div class="mui-col-xs-11">
							<span>
								<i class="iconfont">&#xe622;</i>
								订单编号：{{orderlist.order_sn}}
							</span>							
						</div>					
					</li>	
				</ul>
			</div>
			<div class="Submit" ng-if="orderlist.ordertype == 1">			 <!--普通订单-->
				<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell mui-col-xs-12 shouhu">
						<span>收货人：{{orderlist.extend_order_common.reciver_name}}</span>
						<span class="mui-pull-right">{{orderlist.extend_order_common.reciver_info.phone}}</span>
					</li>
					<li class="mui-table-view-cell">														
						<div class="mui-col-xs-11">								
							<div class="mui-col-xs-1 mui-pull-left tub"><i class="iconfont">&#xe61e;</i></div>
							<div class="mui-ellipsis-2 back mui-h5">收货地址：{{orderlist.extend_order_common.reciver_info.address}}</div>
						</div>
					</li>					
				</ul>
			</div>
			<div ng-if="orderlist.ordertype == 2">		 <!--旅游订单-->
				<ul class="mui-table-view m3">
					<li class="mui-table-view-cell">						
						<span>出行人</span>
					</li>
				</ul>   
				<ul class="mui-table-view mui-grid-view mui-grid-9" ng-repeat="(k,v) in orderlist.member">
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">{{v.travel_name}}</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">{{v.travel_type}}</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6 mui-ellipsis">{{v.travel_idnumber}}</li>				
					<!--<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">宋民国</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">学生</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6 mui-ellipsis">441************1569</li>				
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">小晰宝</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">成人</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6 mui-ellipsis">441************1569</li>				-->
				</ul> 
			</div>
			<div ng-if="orderlist.ordertype == 3">     <!--驾校订单-->
				<ul class="mui-table-view m3">
					<li class="mui-table-view-cell">						
						<span>预约人：{{orderlist.member.school_turename}}</span> 
					</li>
				</ul>
			</div>
			<div class="shopping m5">
				<ul class="mui-table-view mui-grid-view" ng-repeat="(k,v) in orderlist.goods_list">
					<li class="mui-table-view-cell mui-col-xs-3">
						<img class="mui-media-object mui-pull-left" src="{{pics}}{{v.store_id}}/{{v.goods_image}}"/>
					</li>
					<li class="mui-table-view-cell mui-col-xs-9">
						<div class="mui-ellipsis-2">{{v.goods_name}}</div>										
						<div class="money">
							<span>￥{{v.goods_price}}</span>
							<span>x{{v.goods_num}}</span>
						</div>
					</li>
					<div class="details_1" ng-if="orderlist.ordertype == 1">
						<li class="mui-table-view-cell">
							<span>类型：</span>
							<span class="mui-pull-right ">{{v.goods_spec}}</span>
						</li>
					</div>
				</ul>
				<ul class="mui-table-view mui-grid-view details" ng-if="orderlist.ordertype == 1">
					<li class="mui-table-view-cell" style="padding: 0;">						
						<div class="mui-input-row">
							<label>备注：</label>
							<span>{{orderlist.order_message}}</span>															
						</div>
					</li> 
				</ul>
			</div>			
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/open.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/store_js/angular.js" ></script>
	<script type="text/javascript" src="../js/store_js/public.js" ></script> 
	<script type="text/javascript" src="../js/store_js/orders_goods.js" ></script>
</html>